/**
 * 订单管理 交易订单
 */
<template>
  <div>
    <div>
      <!-- 面包屑导航 -->
      <el-breadcrumb separator-class="el-icon-arrow-right">
        <el-breadcrumb-item :to="{ path: '/index' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item>积分设置</el-breadcrumb-item>
      </el-breadcrumb>
    </div>

    <div style="margin-top: 2%">
      <el-button type="primary" size="small">积分规则设置</el-button>
      <hr>
      <span>用户： <el-input size="small" placeholder="姓名/手机号" style="width: 12%"/></span>
      <span>时间：<el-date-picker
        v-model="value1"
        type="date"
        placeholder="开始日期"
        size="small"
        style="width: 12%">
          </el-date-picker>
          至
          <el-date-picker
            v-model="value1"
            type="date"
            placeholder="结束日期"
            size="small"
            style="width: 12%">
          </el-date-picker></span>
      <el-button size="small">昨天</el-button>
      <el-button size="small">近7天</el-button>
      <span>类型：<el-select type="text" style="width: 12%" size="small">
          <el-option label="全部" value=""></el-option>
        </el-select></span>
      <span>方式：<el-select type="text" style="width: 12%" size="small">
          <el-option label="全部" value=""></el-option>
        </el-select></span>
      <el-button type="primary" size="small">搜索</el-button>
      <el-button size="small">重置</el-button>
      <br>
      <br>
      <el-table size="small" border>
        <el-table-column prop="" label="时间"/>
        <el-table-column prop="" label="类型"/>
        <el-table-column prop="" label="方式"/>
        <el-table-column prop="" label="涉及商品"/>
        <el-table-column prop="" label="用户姓名"/>
        <el-table-column prop="" label="用户手机号"/>
        <el-table-column prop="" label="获得积分"/>
        <el-table-column prop="" label="使用积分"/>
      </el-table>
      <el-pagination
        v-model:current-page="currentPage4"
        v-model:page-size="pageSize4"
        :page-sizes="[10, 20, 30, 40]"
        :size="size"
        layout="total, sizes, prev, pager, next, jumper"
        :total="400"
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
      />
    </div>
  </div>
</template>

<script>
import { OrderList, ConfigSave, waitPayList, finishOrderstatus } from '../../api/payMG'
import { roleList } from '../../api/userMG'
import Pagination from '../../components/Pagination'
export default {
  data() {
    return {

      }
  }
}
</script>

<style scoped>
.el-pagination{
  margin-top: 1%;
  float: right;
}
</style>




